<template>
  <div>
    <div style="margin-top:200px"></div>
    <a-mentions
      v-model:value="value"
      autofocus
      :options="options"
      @select="onSelect"
      :prefix="['@', '#','!']"
      placement="top"
      status="error"
      rows="11"
    ></a-mentions>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
      value: '',
      options: [
        {
          value: 'afc163',
          label: 'afc163',
        },
        {
          value: 'zombieJ',
          label: 'zombieJ',
        },
        {
          value: 'yesmeck',
          label: 'yesmeck',
        },
      ],
    }
  },
  created() { },
  mounted() { },
  methods: {
    onSelect() {

    },
  },
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
